<template>
	
		<view>
				<cu-custom bgColor="bg-gradual-blue" :isBack="true"  >
					<block slot="content">人员信息收集</block>
				</cu-custom>
			<view   class="hh-shang" >
					<view class="hh-img">
						<u-image width="100upx" height="100upx" :src="src" shape="circle"></u-image>	
					</view>	 
					<view class="hh-conut">
						 人员姓名
				    </view>
					<view class="hh-countxia">
					 	 {{userName}}
					</view>	
			</view>
			<view   class="hh-shang" >
					<view class="hh-img">
						<u-image width="100upx" height="100upx" :src="src" shape="circle"></u-image>	
					</view>	 
					<view class="hh-conut">
						 联系方式
				    </view>
					<view class="hh-countxia">
						{{phone}}
					</view>	
			</view>
			<view   class="hh-shang" >
					<view class="hh-img">
						<u-image width="100upx" height="100upx" :src="src" shape="circle"></u-image>	
					</view>	 
					<view class="hh-conut">
						 运维班组
				    </view>
					<view class="hh-countxia">
						{{bz}}
					</view>	
			</view>
			
			<view   class="hh-shang" >
				拍照确认  请拍摄自己的照片
				
							<camera device-position="back" flash="off" @error="error" style="width: 100%; height: 300px;"></camera>
							<button type="primary" @click="takePhoto">拍照</button>
							<view>预览</view>
							<image mode="widthFix" :src="src"></image>
			</view>
			
			
			 <view class="hh-xia">
				<u-button @click="jumpUrl" shape="square" 
				style="width: 500upx;height: 70upx;" type="primary" >
				下一步
				</u-button>
			 </view>
		</view>
	
</template>
 
<script>
import {navigateTo} from '../../../utils/common.js'
	 	export default {
			 data() {
				return {
					parmData:null,
					src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
					userName:'张三',
					phone:'175689495623',
					bz:'运维二班',
				}
			 },
			 onLoad: function(option) {
				var data = JSON.parse(option.parm)
				this.parmData = data;
			 },
			 methods: {
				 
			 }
	 		 
	 	}
</script>

<style>
.hh-xia
{
	position:fixed;
	bottom:0;
	padding-left: 120upx
}
.hh-shang
{
	width: 670upx; 
	height: 100upx; 
	margin-left: 60upx;
	margin-top: 40upx;
}
.hh-img
{
	width: 100upx;
	height: 100upx; 
	float:left;
}
.hh-conut
{
	height: 40upx; 
	/* 添加float样式即可实现水平排列 */
	float:left;
	/* border:1px solid black; */
	padding-left: 20upx;
	padding-top: 30upx;
}
.hh-countxia
{
	 height: 40upx; 
	 width:  400upx; 
	 float:left;
	 padding-left: 250upx;
	 padding-top: 30upx;
}
</style>
